<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, shrink-to-fit=no" />
	<title>专辑名称</title>
	<link rel="shortcut icon" href="../../images/favicon.ico">
	<link rel="stylesheet" href="../../css/common.css">
	<link rel="stylesheet" href="../../css/style.css">
	<script src="../../js/common/jquery-1.11.3.min.js"></script>
	<script src="../../js/common/common.js"></script>
	<script src="../../js/lessonDetail/albumList.js"></script>
	<script src="../../js/common/tips.js"></script>
</head>

<body class="album-body">
	<section class="album-container">
		<!-- 点击按钮音效 -->
		<audio src="../../mp3/button.mp3" preload="auto" id="buttonMps"></audio>
		<i class="album-back" id="albumListBack"></i>
		<span id="album-title">-专辑名称-</span>
		<div class="album-box">
			<div class="album-top"><img src=""></div>
			<div class="album-text"></div>
			<div class="album-detail">
				<!-- 是一段介绍信息是一段介绍信息是一段介绍信息是一段介绍信息是一段介绍信息是一段介绍信息是一段介绍信息是一段介绍信息是一段介绍信息。 -->
			</div>
			<div class="lesson-title-list">

				<!--课程名称[播放]-->
				<!-- <div class="lesson-title">
					<div class="list-num">5</div>
					<div class="lesson-list-detail">
						<div class="lesson-list-title">
							<div class="lesson-list-name">课程名称</div>
							<div class="lesson-play">播放<audio id="courseAudio"></audio></div>
						</div>
						<div class="lesson-list-tab">
							<ul>
								<li><img src="../../images/161.png" /><span>10</span></li>
								<li><img src="../../images/162.png" /><span>08:22</span></li>
								<li><img src="../../images/163.png" /><span>20</span></li>
							</ul>
						</div>
					</div>
				</div> -->
				<!--课程名称[播放中]-->
				<!-- <div class="lesson-title">
					<div class="list-num">4</div>
					<div class="lesson-list-detail">
						<div class="lesson-list-title">
							<div class="lesson-list-name">课程名称</div>
							<div class="lesson-play lesson-playing"><img src="../../images/164.png" />播放中</div>
						</div>
						<div class="lesson-list-tab">
							<ul>
								<li><img src="../../images/161.png" /><span>10</span></li>
								<li><img src="../../images/162.png" /><span>08:22</span></li>
								<li><img src="../../images/163.png" /><span>20</span></li>
							</ul>
						</div>
					</div>
				</div> -->
				<!--课程名称[锁定]-->
				<!-- <div class="lesson-title">
					<div class="list-num">3</div>
					<div class="lesson-list-detail">
						<div class="lesson-list-title">
							<div class="lesson-list-name">课程名称</div>
							<div class="lesson-play lesson-locked"><img src="../../images/165.png" />锁定</div>
						</div>
						<div class="lesson-list-tab">
							<ul>
								<li><img src="../../images/161.png" /><span>10</span></li>
								<li><img src="../../images/162.png" /><span>08:22</span></li>
								<li><img src="../../images/163.png" /><span>20</span></li>
							</ul>
						</div>
					</div>
				</div> -->
			</div>
			<!-- <div class="album-add" id="lockBtn">解锁全部未解锁课程</div> -->
		</div>
	</section>
	<div class="otherPlace">
		<span>您已掉线,请重新登录~</span>
		<div class="placeBtn">确定</div>
	</div>
</body>

</html>